@charset "utf-8";
/*
 * 弹出层公共样式
 */
.popup {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 5%;
  background: rgba(0, 0, 0, .6);
  z-index: 3;
  display: none;
  .popup_web {
    width: 80%;
    height: 84%;
    margin: 4% auto;
    background: white;
    border-radius: 6px;
    box-sizing: border-box;
    padding: 10px 20px;
    position: relative;
    .popup_exit {
      display: block;
      position: absolute;
      top: 8px;
      right: 2%;
      font-size: 20px;
      border-radius: 50%;
      text-align: center;
      line-height: 28px;
      cursor: pointer;
      color: #adadad;
      &:hover {
        color: #5b5b5b;
      }
    }
    .popup_top {
      font-size: 22px;
      color: #40485b;
      text-align: left;
      letter-spacing: 2px;
      font-weight: bold;
      border-bottom: 1px solid #E0E0E0;
      margin-bottom: 10px;
    }
    .popup_content {
      height: 51%;
      margin-bottom: 10px;
      overflow-y: scroll;
      overflow-x: hidden;
    }
    .info_content {
      height: 82%;
      overflow-y: scroll;
      overflow-x: hidden;
      padding: 15px;
      text-align: center;
      line-height: 30px;
      .info_left, .info_right {
        border: 1px solid black;
        overflow: hidden;
      }
      .info_left {
        border-right: 0;
        border-bottom: 0;
      }
      .info_right {
        border-bottom: 0;
      }
      .info_left:nth-last-of-type(2), .info_right:last-of-type {
        border-bottom: 1px solid black;
      }
    }
    .popup_bottom {
      text-align: center;
      .popup_bottom_content {
        margin-bottom: 15px;
      }
    }
    .popup_rich_text{
      display: none;
      .rich_text {
        text-align: left;
        width: 100%;
        height: 80px;
        max-width: 100%;
        padding: 5px;
        margin-bottom: 12px;
        overflow: hidden;
        overflow-y: auto;
      }
    }
  }
}

